<script type="text/javascript">
//when click view larger
$(document).ready(function() {
$('#size').val('');
$('#colour').val('');
$('#specialColour').val('');
//show all image except image floor plan
jQuery('#img_viewlarger p a').lightBox({
'fixedNavigation' : 'true',
'imageLoading':'{{$LAYOUT_HELPER_URL}}front/images/lightbox-ico-loading.gif',// (string) Path and the name of the loading icon
'imageBtnPrev':'{{$LAYOUT_HELPER_URL}}front/images/lightbox-btn-prev.gif',// (string) Path and the name of the prev button image
'imageBtnNext':'{{$LAYOUT_HELPER_URL}}front/images/lightbox-btn-next.gif',// (string) Path and the name of the next button image
'imageBtnClose':'{{$LAYOUT_HELPER_URL}}front/images/lightbox-btn-close.gif',// (string) Path and the name of the close btn
'imageBlank':'{{$LAYOUT_HELPER_URL}}front/images/lightbox-blank.gif'
});
});
</script>
<div class="content_right_ht">
<div class="content_ht_block">
<div class="block_top_2"></div>
<div class="block_list_2">
<div class="content_title_top">
<div class="content_title_left">
<div class="heading_bg_left"></div>
<div class="heading_bg_repeat">{{$cat.name}} - {{l}}Mẫu tham khảo{{/l}} </div>
<div class="heading_bg_right"></div>
</div>
{{if $countAllPages > 1}}
<div class="content_title_right">
<ul class="pagnav_list">Trang 
{{if $first}}
<li class="page_act">
<a href="?page=1" class="number" title="First Page" style="color: black;">&laquo;</a>
 </li>
{{/if}}
{{foreach from=$prevPages item=item}}
<li class="page">
                            <a href="?page={{$item}}" class="number" title="{{$item}}">{{$item}}</a>
                            </li>
{{/foreach}}
<li class="page_act">
<a href="#" class="page_act" title="{{$currentPage}}">{{$currentPage}}</a>
</li>
{{foreach from=$nextPages item=item}}
<li class="page">
<a href="?page={{$item}}" class="number" title="{{$item}}">{{$item}}</a>
</li>
{{/foreach}}


<li class="page_last">
<a href="?page={{$countAllPages}}" style="color: black;">&raquo;</a>
</li></ul>

</div>
{{/if}}
</div>
<div class="cate_ht" style="padding-left:18px;">
<div style="width:618px;">
{{foreach from=$allProducts item=item key=key}}
<div id="img_viewlarger" style="width:309px;text-align: center;float:left;" >
<p style="text-align: center;">
<a href="{{$BASE_URL}}{{$item.full_main_image}}"  style="text-align: center;">
<img src="{{$BASE_URL}}{{$item.main_image}}" />
</a>
</p>
<a href="{{$item.link}}" class="masanpham"  >{{$item.title}}</a>
</div>
{{if $key is odd}}
<div style="clear: both;"></div>
{{/if}}
{{/foreach}}
</div>
</div>
<!-- page -->
<div class="content_title_top">
 {{if $countAllPages > 1}}
<div class="content_title_right_bottom">
<ul class="pagnav_list">Trang 
{{if $first}}
<li class="page_act">
<a href="?page=1" class="number" title="First Page" style="color: black;">&laquo;</a>
 </li>
{{/if}}
{{foreach from=$prevPages item=item}}
<li class="page">
                            <a href="?page={{$item}}" class="number" title="{{$item}}">{{$item}}</a>
                            </li>
{{/foreach}}
<li class="page_act">
<a href="#" class="page_act" title="{{$currentPage}}">{{$currentPage}}</a>
</li>
{{foreach from=$nextPages item=item}}
<li class="page">
<a href="?page={{$item}}" class="number" title="{{$item}}">{{$item}}</a>
</li>
{{/foreach}}


<li class="page_last">
<a href="?page={{$countAllPages}}" style="color: black;">&raquo;</a>
</li></ul>

</div>
{{/if}}
</div>
</div>
<div class="clearthis"></div>
<div class="block_bottom_2"></div>
</div><div style="margin-top: 10px;" class="content_ht_block">

<!-- Tin tuc lien quan -->
{{if $allNews|@count > 0 }}
<br/>
<br/>
<div class="block_top_2"></div>
<div class="block_list_2">
<div class="content_title_2">
<div class="heading_bg_left"></div>
<!--<div class="heading_bg_repeat"></div>-->
<div class="heading_bg_repeat">{{l}}Tin tức - Tư vấn{{/l}}</div>
<div class="heading_bg_right"></div>
</div>
<div class="cate_ht related_news">
<table cellpadding="0" cellspacing="0" border="0" width="618">
	<tr>
		<td class="cate_item" style="vertical-align: top;">
		<table cellpadding="0" cellspacing="0" border="0" width="255">
		<tr>
		<td class="" style="text-align: center;">
		<a href="{{$allNews.0.link}}" title="{{$allNews.0.title}}">
		<img style="" alt="" src="{{$BASE_URL}}{{$allNews.0.main_image}}" alt="" />
		</a>
		</td>
		</tr>
		<tr>
		<td>
		<a style="color: black" href="{{$allNews.0.link}}"><b>{{$allNews.0.title}}</b></a>
		<br/>
		<div style="text-align: justify;">
		{{$allNews.0.intro_text}}
		</div>
		</td>
		</tr>
		</table>
		</td>
		
		<td class="cate_item" style="vertical-align: top;">
		<table cellpadding="0" cellspacing="0" border="0" width="255">
		<tr>
		<td class="" style="text-align: center;">
		<a href="{{$allNews.1.link}}" title="{{$allNews.1.title}}">
		<img style="" alt="" src="{{$BASE_URL}}{{$allNews.1.main_image}}" alt="" />
		</a>
		</td>
		</tr>
		<tr>
		<td>
		<a style="color: black" href="{{$allNews.1.link}}"><b>{{$allNews.1.title}}</b></a>
		<br/>
		<div style="text-align: justify;">
		{{$allNews.1.intro_text}}
		</div>
		</td>
		</tr>
		</table>
		</td>
		</tr>

	<tr>
	<td class="cate_item" style="vertical-align: top;">
	<br/>
	<ul>
	{{if $allNews.2 != null}}
	<li><a style="color: black" href="{{$allNews.2.link}}"><b>{{$allNews.2.title}}</b></a><br/></li>
	{{/if}}
	{{if $allNews.3 != null}}
	<li><a style="color: black" href="{{$allNews.3.link}}"><b>{{$allNews.3.title}}</b></a><br/></li>
	{{/if}}
	</ul>
	</td>
	<td class="cate_item" style="vertical-align: top;">
	<br/>
	<ul>
	{{if $allNews.2 != null}}
	<li><a style="color: black" href="{{$allNews.4.link}}"><b>{{$allNews.4.title}}</b></a><br/></li>
	{{/if}}
	{{if $allNews.2 != null}}
	<li><a style="color: black" href="{{$allNews.5.link}}"><b>{{$allNews.5.title}}</b></a><br/></li>
	{{/if}}
	</ul>
	</td>
	</tr>
	
	<tr>
	<td colspan="2" style="text-align: right; padding-right: 30px;">
	<a href="{{$newsURL}}" class="more"> {{l}}Xem thêm{{/l}} &raquo;</a>
	</td>
	</tr>
</table>
</div>
</div>
<div class="clearthis"></div>
<div class="block_bottom_2"></div><!-- END: Tin tuc lien quan -->

{{/if}}
</div></div>